﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>大山云南山泉官网</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>   
    <link href="/css/m_main.css" rel="stylesheet" type="text/css" />  
    <meta http-equiv="windows-Target" contect="_top">
</head>
<body>
    <div id="firstDiv" style="position: relative; opacity: 0;">
        <div id="top" style="width: 100%">
            <img src="/img/top.jpg" width="100%" alt="" />
            <div class="logo" style="position: absolute; left:2%; top: 0px;width: 24%; height: 3.5rem;" onclick="javascript:window.location.href='index.aspx'"></div>
            <div class="tel"  style="position: absolute; left:42%; top: 0px;"></div>
            <div id="btnBox" style="position: absolute; right: 0px; top: 0px;">
            </div>
        </div>
        <div class="content">
            <div class="nav">当前位置：首页 > 公司简介 > <span class="fontcolor">大山历程</span></div>
            <div class="com_content">
                <h3><img src="/img/com_iocn4.png" width="5%" /> 大山历程</h3>   
                <p> 
                    <br />            
                    <img src="/img/process_pic.png" width="25%" />                   
                </p>
                <br />
                <div class="process_txt1">
                    <h3>1999年</h3>
                    <p>云南大山糖酒副食有限公司（云南大山饮品有限公司前身）在昆明成立，大山云南山泉包装饮用水品牌也同时诞生,瓶装水上市</p>                    
                </div>
                <div class="process_txt2">
                    <h3>2002年</h3>
                    <p>云南大山糖酒副食有限公司更名为云南大山饮品有限公司同年，大山云南山泉桶装水上市</p>                    
                </div>
                <div class="process_txt3">
                    <h3>2004年</h3>
                    <p>云南大山饮品有限公司被中国食品安全年会（商务部、卫生部、质量监督检验检疫总局等7个国家部委为该年会支持单位）评为“全国食品安全示范单位”</p>                    
                </div>
                <div class="process_txt4">
                    <h3>2005年</h3>
                    <p>大山云南山泉被国家质量监督检验检疫总局授予“国家免检”称号</p>                    
                </div>
                 <div class="process_txt5">
                    <h3>2006年</h3>
                    <p>大山云南山泉被国家质量监督检验检疫总局授予“中国名牌”称号</p>                    
                </div>
                <div class="process_txt6">
                    <h3>2010年</h3>
                    <p>云南大山饮品有限公司成为雀巢公司的合资公司</p>                    
                </div>
                <div class="process_txt7">
                    <h3>2011年</h3>
                    <p>云南大山饮品有限公司被中国饮料工业协会评为“中国饮料工业天然矿泉水10强企业”</p>                    
                </div>
                <div class="process_txt8">
                    <h3>2012年</h3>
                    <p>中华全国总工会授予云南大山饮品有限公司“全国五一劳动奖状”</p>                    
                </div>
                <div class="process_txt9">
                    <h3>2013年</h3>
                    <p>云南大山饮品有限公司被中国饮料工业协会评为“中国饮料业10年优秀企业”荣誉称号</p>                    
                </div>
                <div class="process_txt10">
                    <h3>2014年</h3>
                    <p>南大山饮品有限公司成为雀巢全资子公司</p>                    
                </div>
            </div>
        </div>
        <div id="bottom" style="text-align: center; color: #6a6a6a;">
               Copyright ©2016 云南大山饮品有限公司, All Rights Reserved | 滇ICP备07002438号
        </div>
        <!--menu start-->
        <div class="navBox"></div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="company.aspx">关于大山</a></div>
            <div class="newgray"><a href="process.aspx">大山历程</a></div>
            <div class="newgray"><a href="honor.aspx">企业荣誉</a></div>
            <div class="newgray"><a href="base.aspx">生产基地</a></div>   
            <div class="newgray"><a href="service.aspx">大山公益</a></div>         
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="news.aspx">公司动态</a></div>
            <div class="newgray"><a href="pronews.aspx">产品动态</a></div>
            <div class="newgray"><a href="economy.aspx">行业动态</a></div>
            <div class="newgray"><a href="videolist.aspx">最新视频</a></div>   
        </div>
        <div class="navTwoBtn"> 
            <div class="newgray" style="margin-top:15%;"><a href="join.aspx">诚邀加盟</a></div>
            <div class="newgray"><a href="jobshow.aspx">人才招聘</a></div>                        
        </div>        
        <div class="navAll">            
            <div class="newgray" style="margin-top:15%;"><a href="index.aspx">首　页</a></div>
            <div class="newgray showTwoBtn"><a value="0" href="javascript:;" style="color:#fff"><&nbsp;公司简介</a></div>
            <div class="newgray showTwoBtn"><a value="1" href="javascript:;"><&nbsp;新闻中心</a></div>
            <div class="newgray"><a href="prolist.aspx" >产品展示</a></div>
            <div class="newgray"><a href="showwrite.aspx">客户留言</a></div>
            <div class="newgray showTwoBtn"><a value="2" href="javascript:;"><&nbsp;加入大山</a></div>
            <div class="newgray"><a href="about.aspx">联系我们</a></div>         
        </div>
        <!--menu end-->
    </div>
</body>
</html>
<script type="text/javascript">
var pingKuan;
var biLi;
function setPosition() {
    pingKuan = $("#firstDiv").width();
    biLi = pingKuan / 640;
    $(".tel").css({
        "width": biLi * 260+ "px",
        "height":biLi*93+"px",
    })
    $(".nav").css({
       "height":biLi*60+"px",
       "line-height":biLi*60+"px",
       "font-size":biLi*18+"px"
    })
    $(".nav img").css({
       "margin-top":biLi*20+"px",
    })
    $(".process_txt1").css({
       "top":biLi*276+"px",
    })
    $(".process_txt2").css({
       "top":biLi*410+"px",
    })
    $(".process_txt3").css({
       "top":biLi*525+"px",
    })
    $(".process_txt4").css({
       "top":biLi*705+"px",
    })
    $(".process_txt5").css({
       "top":biLi*820+"px",
    })
    $(".process_txt6").css({
       "top":biLi*940+"px",
    })
    $(".process_txt7").css({
       "top":biLi*1040+"px",
    })
    $(".process_txt8").css({
       "top":biLi*1170+"px",
    })
    $(".process_txt9").css({
       "top":biLi*1306+"px",
    })
    $(".process_txt10").css({
       "top":biLi*1440+"px",
    })
     $(".process_txt1 p,.process_txt2 p,.process_txt3 p,.process_txt4 p,.process_txt5 p,.process_txt6 p,.process_txt7 p,.process_txt8 p,.process_txt9 p,.process_txt10 p").css({
        "font-size":biLi*20+"px",
        "line-height":biLi*26+"px"     
    })
    $("h3 img").css({
       "margin-top":biLi*5+"px",
    })
    $("h3").css({
       "font-size":biLi*26+"px",
       "line-height":biLi*40+"px"     
    })
    $("#btnBox").css({
        "width": biLi * 93+ "px",
        "height":biLi*93+"px",
    })    
    $(".navBox,.navTwoBtn,.navAll").css({
       "top":biLi*100+"px"
    })   
    $(".newgray").css({
       "height":biLi*80+"px",
       "line-height":biLi*80+"px",
       "font-size":biLi*30+"px"         
    })
    $("#bottom").css({
       "font-size": biLi * 16 + "px",
       "margin-top": biLi * 14 + "px",  
       "line-height": biLi * 60 + "px",
       "height":biLi*80+ "px" 
    })   
    $("#firstDiv").css({
        "opacity": "1"
    })   
}
window.onload = function () {
    setTimeout(function () {
        setPosition();       
    }, 100);     
}
var od = "touchstart" in window ? "touchstart" : "click";
 $(".tel").bind(od,function(){
    window.location.href="tel:087196133";
 })
 $("#btnBox").bind(od, function () {
	$(document).on("touchmove", function (ev) {
		ev.preventDefault();
	});	 
	$(".navBox").show().animate({ opacity: 1 });
	$(".navAll").addClass('move')
	return false;
});
 $(".showTwoBtn").bind("click", function () {
	var index = $(this).find("a").attr("value");  
	$(".showTwoBtn").css("background","#007dc6")	
	$(this).css("background", "#00629b");	
	$(".navTwoBtn").hide();
	$(".navTwoBtn").eq(index).css({ "right": "-40%", "opacity": "1" });
	$(".navTwoBtn").eq(index).show().animate({ right: "40%" });
	return false;
});
$(".navTwoBtn").bind(od, hideFn);
$(".navBox").bind(od, hideFn);
$(".navAll").bind(od, clickhideFn);
function hideFn(){
	clickhideFn();	
	$(document).off("touchmove");	
}
function clickhideFn(){
	$(".navAll,.navTwoBtn").removeClass('move');
	$(".navTwoBtn").hide()
	$(".navBox").animate({opacity:0},function(){
		$(this).hide()
	})
	$(document).off("touchmove");
}
</script>
<script>
    (function (window) { // Prevent Cross-Frame Scripting attacks
        if (window.location !== window.top.location)
            window.top.location = window.location;
    })(this);
    if (this.top.location !== this.location && (this.top.location = this.location)) {
        window.top.location = window.location;
    }
</script>
<style>  
        html { visibility:hidden; }  
</style>  
<script>
    if (self == top) {
        document.documentElement.style.visibility = 'visible';
    } else {
        top.location = self.location;
    }  
</script>